<script setup>
import Directory from './components/directory.vue'
import Content from './components/content.vue'
import Terminal from './components/terminal.vue'
import Push from './components/push.vue'
</script>
<template>
    <div>
        <div class="h-12 border-b flex items-center justify-between px-4">
            <div>DCodeBox</div>
            <div class="flex items-center gap-2">
                <Push></Push>
            </div>
        </div>
        <a-split class="w-full max-h" default-size="260px" min="0.1" max="0.9">
            <template #first>
                <a-typography-paragraph>
                    <Directory />
                </a-typography-paragraph>
            </template>
            <template #second>
                <a-split direction="vertical" default-size="0.75" min="0.1" max="0.9" class="h-full">
                    <template #first>
                        <a-typography-paragraph>
                            <Content class="h-full"></Content>
                        </a-typography-paragraph>
                    </template>
                    <template #second>
                        <a-typography-paragraph>
                            <Terminal></Terminal>
                        </a-typography-paragraph>
                    </template>
                </a-split>
            </template>
        </a-split>
    </div>
</template>
<style scoped>
</style>
